<script src="js/public_float.js"></script>

<div id="nav">
    
    <a href="index.html"><img src="photo/Nike-logo.png" id="head-img"></a>

    <div class="right">
        <!--登录注册控件-->
        <button id="order" class="grid button1">订单记录</button>
        <button id="gwc" class="grid button1">购物车</button>
        <div id="theName" class="grid">您好,</div>
        <a href="download.html">
            <div id="download" class="grid">登录 |</div>
        </a>
        
        
        
    </div>

    <ul id="nav-ul">
        <li>
            <div class="nav-grid" id="nav-grid1">男子</div>
        </li>
        <li>
            <div class="nav-grid" id="nav-grid2">女子</div>
        </li>
        <li>
            <div class="nav-grid" id="nav-grid3">儿童</div>
        </li>
    </ul>

    

    <div class="float1" id="float11">
        <div id="float11-list1" class="float1-strip">
            <a href="#" class="float1-top">鞋类</a>
            <ul>
                <li>
                    <div class="float1-top-grid"><a href="otherPage1.html" id="float1-top-bs">篮球鞋</a></div>
                </li>
                <li>
                    <div class="float1-top-grid"><a href="otherPage2.html" id="">足球鞋</a></div>
                </li>
                <li>
                    <div class="float1-top-grid"><a href="order.html" id="">跑鞋</a></div>
                </li>
            </ul>
        </div>
        <div id="float11-list2" class="float1-strip">
            <a href="#" class="float1-top">服饰</a>
            <ul>
                <li>
                    <div class="float1-top-grid"><a href="#" id="">上衣/T恤</a></div>
                </li>
                <li>
                    <div class="float1-top-grid"><a href="#" id="">球衣</a></div>
                </li>
                <li>
                    <div class="float1-top-grid"><a href="#" id="">速干衣</a></div>
                </li>
            </ul>
        </div>
        <div id="float11-list3" class="float1-strip">
            <a href="#" class="float1-top">品牌</a>
            <ul>
                <li>
                    <div class="float1-top-grid"><a href="#" id="">AJ</a></div>
                </li>
                <li>
                    <div class="float1-top-grid"><a href="#" id="">Nike</a></div>
                </li>
                <li>
                    <div class="float1-top-grid"><a href="#" id="">CONVERSE</a></div>
                </li>
            </ul>
        </div>
    </div>

    <div class="float1" id="float12">
        <div id="float12-list1" class="float1-strip">
            <a href="#" class="float1-top">鞋类</a>
            <ul>
                <li>
                    <div class="float1-top-grid"><a href="#" id="">网球鞋</a></div>
                </li>
                <li>
                    <div class="float1-top-grid"><a href="#" id="">休闲鞋</a></div>
                </li>
                <li>
                    <div class="float1-top-grid"><a href="#" id="">跑鞋</a></div>
                </li>
            </ul>
        </div>
        <div id="float12-list2" class="float1-strip">
            <a href="#" class="float1-top">服饰</a>
            <ul>
                <li>
                    <div class="float1-top-grid"><a href="#" id="">上衣/T恤</a></div>
                </li>
                <li>
                    <div class="float1-top-grid"><a href="#" id="">球衣</a></div>
                </li>
                <li>
                    <div class="float1-top-grid"><a href="#" id="">速干衣</a></div>
                </li>
                <li>
                    <div class="float1-top-grid"><a href="#" id="">运动内衣</a></div>
                </li>
            </ul>
        </div>
        <div id="float12-list3" class="float1-strip">
            <a href="#" class="float1-top">品牌</a>
            <ul>
                <li>
                    <div class="float1-top-grid"><a href="#" id="">AJ</a></div>
                </li>
                <li>
                    <div class="float1-top-grid"><a href="#" id="">Nike</a></div>
                </li>
                <li>
                    <div class="float1-top-grid"><a href="#" id="">CONVERSE</a></div>
                </li>
            </ul>
        </div>
    </div>

    <div class="float1" id="float13">
        <div id="float13-list1" class="float1-strip">
            <a href="#" class="float1-top">鞋类</a>
            <ul>
                <li>
                    <div class="float1-top-grid"><a href="#" id="">篮球鞋</a></div>
                </li>
                <li>
                    <div class="float1-top-grid"><a href="#" id="">足球鞋</a></div>
                </li>
                <li>
                    <div class="float1-top-grid"><a href="#" id="">跑鞋</a></div>
                </li>
                <li>
                    <div class="float1-top-grid"><a href="#" id="">休闲鞋</a></div>
                </li>
            </ul>
        </div>
        <div id="float13-list2" class="float1-strip">
            <a href="#" class="float1-top">服饰</a>
            <ul>
                <li>
                    <div class="float1-top-grid"><a href="#" id="">上衣/T恤</a></div>
                </li>
                <li>
                    <div class="float1-top-grid"><a href="#" id="">球衣</a></div>
                </li>
                <li>
                    <div class="float1-top-grid"><a href="#" id="">速干衣</a></div>
                </li>
            </ul>
        </div>
        <div id="float13-list3" class="float1-strip">
            <a href="#" class="float1-top">品牌</a>
            <ul>
                <li>
                    <div class="float1-top-grid"><a href="#" id="">AJ</a></div>
                </li>
                <li>
                    <div class="float1-top-grid"><a href="#" id="">Nike</a></div>
                </li>
                <li>
                    <div class="float1-top-grid"><a href="#" id="">CONVERSE</a></div>
                </li>
            </ul>
        </div>
    </div>
</div>

